//获取ul
var namepanel = document.getElementById('namepanel');
//获取li
var namelis = namepanel.getElementsByTagName('li');
//获取按钮
var start = document.getElementById('start');
//获取文本框
var stop = document.getElementById('stop');
//获取数组
var arr = ['王帅',
    '李浩然',
    '赵亚军',
    '何小丫',
    '王艺蓓',
    '邹婷婷',
    '谭登锋',
    '刘炅性',
    '秦况',
    '陈鑫',
    '贾先念',
    '胡捷博',
    '刘杰',
    '杨迪',
    '左晨玉',
    '马可鑫',
    '彭妍',
    '李雨航',
    '哈力穆拉提',
    '高萨尔',
    '王心茹',
    '乃皮萨',
    '吾力达那',
    '夏力克提',
    '玛丽达',
    '吾兰别克',
    '宋丹',
    '迪丽热巴',
    '李刚',
    '蔡慧',
    '刘嘉乐',
    '岳幸卓',
    '陈曦',
    '李新瑞',
    '于润泉',
    '吴金越',
    '徐春亚',
    '黄梦然',
    '周鑫财',
    '李东丽',
    '周杰',
    '赵艳林',
    '任小娟',
    '布孜如古丽',
    '芦慧媛',
    '董婷',
    '阿斯力阿依',
    '热爱娜',
    '石卓文',
    '古丽克孜',
    '伊尔夏提',
    '祖丽皮耶',
    '阿卜杜瓦斯',
    '美合日妮萨'];
//定时器
var timer = null;
//定义变量用来存放li的长度的随机整数
var b = 0;
//点人名的次数
var c = 0;
//获取数组下标
var index;
//锁
var lock = true; //true为开始点名  false为停止
//1.实现动态点名
//封装函数obj就是arr
function fun() {
    //定义空字符串
    var a = '';
    //遍历
    for (var i = 0; i < arr.length; i++) {
        //将li和arr内容赋给a
        a += '<li>' + arr[i] + '</li>';
    }
    //将a赋给ul
    namepanel.innerHTML = a;
}
fun();
//封装函数
function fun1() {
    if (c >= 5) {
        alert('人员已满');
        //返回结束
        return;
    }
    //启动定时器
    timer = window.setInterval(function() {
        //b用来存放li的长度的随机整数
        b = Math.floor(Math.random() * namelis.length);
        // console.log(b);
        //遍历
        for (var i = 0; i < namelis.length; i++) {
            //li的背景颜色为默认
            namelis[i].style.backgroundColor = '';
        }
        //随机获取的li标签的背景颜色为红色
        namelis[b].style.backgroundColor = 'red';
    }, 100);
}
//输入框添加一个随机数的人名,满5个就不添加了
function showName() {
    c++;
    if (c <= 5) {
        rollname.value += namelis[b].innerText + ' ';
        //从数组中删除选中的人名
        arr.splice(b, 1);
        //显示数组中的人名到页面的列表中
        fun();
    } else {
        alert('人员已满')
    }
}
//点击按钮
start.onclick = function() {
    //如果lock为true
    if (lock) {
        start.value = '停止点名';
        //调用函数fun1
        fun1();
    } else {
        start.value = '开始点名';
        //清除定时器
        clearInterval(timer);
        //调用
        showName();
    }
    //取反
    lock = !lock;
}